@charset "utf-8";
/* CSS Document */

/*body{ font-size:12px; color:#666666; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#666666; font-size:12px; text-decoration:none; }

a:hover { text-decoration:none;}*/



/***************index css********************/

.top{  width:94%; max-width:1500px; margin:0 auto; background:#fff; height:88px; overflow:visible; position:relative}

.logoo{ float:left;}

.top-ment{ float:right; height:88px; overflow:visible}
.top-ment .yy{ float:right; height:18px; padding-top:35px; overflow:visible}
.top-ment .yy ul li{ float:left; margin-left:15px; position:relative; height:18px;}
.top-ment .yy ul li .box{ width:100px; height:100px; display:none; position:absolute; z-index:999; left:0; top:18px;}
.top-ment .yy ul li .box img{ display:block; width:100px; height:100px;}
#nav{ width:auto; height:32px; float:right; padding-top:29px;}
#nav ul{ }
#nav ul li { float:left; display:inline; height:32px; background:url(../images/fen.png) no-repeat right center; padding-left:18px; padding-right:18px;}
#nav ul li a{ display:block; width:auto; height:32px; line-height:32px; padding-left:4px; padding-right:4px; color:#666666; font-size:14px;}
#nav ul li a:hover{ color:#333; background:url(../images/h.jpg) repeat-x bottom}
#nav ul li a.current{ color:#333; background:url(../images/h.jpg) repeat-x bottom}

.top .ment-ico{ width:31px; height:20px; position:absolute; z-index:9999; right:10px; top:50%; margin-top:-10px; cursor:pointer; display:none}
#navm{ width:100%; height:0; position:relative; overflow:visible; display:none}
#navm .ment{ width:100%; height:306px; display:none; position:absolute; z-index:999; left:0; top:0; background:url(../images/nav-bg.png)}
#navm .ment ul{ width:100%; height:auto;}
#navm .ment ul li{ width:100%; height:50px; border-bottom:1px solid #6b6867;}
#navm .ment ul li a{ display:block; width:100%; height:50px; text-align:center; line-height:50px; color:#fff; font-size:18px;}


.flash{ width:100%;}
.kong{ height:40px;}

/******************************** index **********;***********************/
.side1{ width:100%; height:auto; position:relative; background:#fff}
.side1 .about{ width:50%; float:left; position:relative;}
.side1 .ico{ position:absolute; width:198px; height:197px; left:50%; margin-left:-99px; top:50%;  margin-top:-99px; z-index:9999; display:block; overflow:hidden}
.side1 .about .box{ width:70%; padding-top:160px; padding-left:5%; padding-bottom:20px;}
.side1 .about .box div.box1{ display:inline-table; height:100%; }
.side1 .about .box .name{ height:30px; line-height:30px; color:#333333; font-size:20px;}
.side1 .about .box .xian{ width:22px; height:2px; background:#333333; margin-top:10px;}
.side1 .about .box .txt{ padding-top:45px;}
.side1 .about .box .txt .bt{ height:26px; line-height:26px; color:#333333; font-size:16px;}
.side1 .about .box .txt .nr{ padding-top:18px;}
.side1 .about .box .txt .more{ padding-top:20px; overflow:hidden; display:block}
.side1 .right{ width:50%; float:right;}
.side1 .right .div1{ width:100%; height:auto; position:relative}
.side1 .right .div1 .tu img{ display:block; width:100%;}
.side1 .right .div1 .txt{ position:absolute; width:92%; left:3%; top:60px; text-align:right}
.side1 .right .div1 .txt .name{ height:30px; line-height:30px; color:#333333; font-size:20px;  padding-bottom:10px;}
.side1 .right .div1 .txt .xian{ height:2px; padding-bottom:20px;}
.side1 .right .div1 .txt .nr{ width:40%; margin-left:60%; line-height:24px; padding-bottom:20px;}
.side1 .right .div1 .txt .more{ clear:both;}
.side1 .right .div2{width:100%; height:auto; position:relative}
.side1 .right .div2 .tu img{ width:100%; display:block}
.side1 .right .div2 .box{ width:100%; height:100%; position:absolute; z-index:99; left:0; top:0; display:inline-table; vertical-align:middle; text-align:center}
.side1 .right .div2 .box div{display:inline-block; color:#fff}
.side1 .right .div2 .box .name{ height:40px; line-height:40px; text-transform:uppercase; text-align:center; color:#fff; font-size:16px;}

.xtkf{ width:100%; height:auto;  overflow:visible; clear:both; position:relative}
.xtkf .left{ width:26%; float:left; position:relative;}
.xtkf .left .txt{ position:absolute; color:#fff; z-index:99; width:50%; left:30px; top:50px;}
.xtkf .left .txt .name{ height:30px; line-height:30px; color:#fff; font-size:20px;}
.xtkf .left .txt .xian{width:22px; height:2px; background:#fff; margin-top:10px;}
.xtkf .left .txt .nr{padding-top:18px;}
.xtkf .left .txt .more{padding-top:20px; overflow:hidden; display:block}
.xtkf .left .tu img{ width:100%;}
.xtkf .right{ width:74%; float:right; overflow:visible}
.xtkf .right ul{ height:100%}
.xtkf .right ul li{ width:25%; height:100%; background:#333333; float:left; color:#fff; position:relative; cursor:pointer}
.xtkf .right ul li em{ display:block; position:absolute; width:100%; height:102%; background:#333; left:0; top:-1%; box-shadow:0 0px 5px #000; display:none}
.xtkf .right ul li .box{ width:100%; height:100%; position:absolute; z-index:99; left:0; top:0}
.xtkf .right ul li .box table{ width:100%; height:100%;}
.xtkf .right ul li .box table tr td{ vertical-align:middle; height:100%; width:100%; text-align:center;}
.xtkf .right ul li .box .name{ height:30px; width:90%; margin:0 auto; font-size:16px; padding-top:20px; color:#fff;}
.xtkf .right ul li .box .nr{ width:62%; margin:0 auto; line-height:24px; color:#fff; padding-top:20px; font-size:12px;}
.xtkf .right ul li:hover em{ display:block}

.pro{ width:100%; height:auto; position:relative; margin-top:40px;}
.pro ul li{ float:left; width:25%; overflow:hidden; position:relative}
.pro ul li img{ display:block; width:100%;}
.pro ul li .box{ position:absolute; z-index:999; background:url(../images/png.png); left:0; width:100%; height:100%; left:0; bottom:-100%;  }
.pro ul li .box .box1{display:table; width:100%; height:100%;}
.pro ul li .box .box2{ width:100%; height:100%;  vertical-align:middle; text-align:center;  display:table-cell}
.pro ul li .box span{ width:90%; margin:0 auto; color:#fff; line-height:24px; display:block; text-align:center;}
.pro ul li .box i{ padding-top:5px; display:block}
.pro ul li .box i img{ width:auto; display:inline}
.pro ul li.li1{ width:50%;}
.pro ul li.li2{ width:50%; position:relative;}
.pro ul li.li2 .box-f{ width:100%; height:100%; position:absolute; z-index:99; left:0; top:0}
.pro ul li.li2 .box-nr{ padding:40px;}
.pro ul li.li2 .box-nr .txt{ width:100%; height:auto}
.pro ul li.li2 .box-nr .txt .more{ float:right; width:37px; height:37px; display:block}
.pro ul li.li2 .box-nr .txt .left{ margin-right:45px; }
.pro ul li.li2 .box-nr .txt .left .name{height:30px; line-height:30px; color:#333; font-size:20px;}
.pro ul li.li2 .box-nr .txt .left .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.pro ul li.li2 .box-nr .txt .left .nr{ height:24px; line-height:24px; color:#333; padding-top:10px;}
.pro ul li.li2 .box-nr .list{ padding-top:10px;}
.pro ul li.li2 .box-nr .list a{ display:block; float:left; height:36px; padding-left:15px; padding-right:15px; overflow:hidden; background:#eeeeee; line-height:38px; margin-right:3px; margin-bottom:3px; color:#333333}
.pro ul li.li2 .box-nr .list a:hover{ background:#333333; color:#fff;}

.pro2{ width:100%; height:auto; position:relative;}
.pro2 ul li{ float:left; width:25%; overflow:hidden; position:relative}
.pro2 ul li img{ display:block; width:100%;}
.pro2 ul li .box{ position:absolute; z-index:999; background:url(../images/png.png); left:0; width:100%; height:100%; left:0; bottom:-100%;  }
.pro2 ul li .box .box1{display:table; width:100%; height:100%;}
.pro2 ul li .box .box2{ width:100%; height:100%;  vertical-align:middle; text-align:center;  display:table-cell}
.pro2 ul li .box span{ width:90%; margin:0 auto; color:#fff; line-height:24px; display:block; text-align:center;}
.pro2 ul li .box i{ padding-top:5px; display:block}
.pro2 ul li .box i img{ width:auto; display:inline}
.pro2 ul li.li1{ width:50%; position:relative; overflow:hidden}
.pro2 ul li.li1 .tu{ width:100%;}
.pro2 ul li.li1 .txt{ position:absolute; color:#333; z-index:99; width:70%; left:35px; top:50px;}
.pro2 ul li.li1 .txt .name{ height:30px; line-height:30px; color:#333; font-size:20px;}
.pro2 ul li.li1 .txt .xian{width:22px; height:2px; background:#333; margin-top:10px;}
.pro2 ul li.li1 .txt .nr{padding-top:18px;}
.pro2 ul li.li1 .txt .more{padding-top:20px; overflow:hidden; display:block}
.pro2 ul li.li1 .txt .more img{ width:auto}

.join{ width:100%; height:468px; background:url(../images/join-bg.jpg) no-repeat center bottom; position:relative; margin-top:40px;}
.join .fk{ position:absolute; width:463px; height:468px; background:#fff; top:0; right:5%;}
.join .fk .bg{ width:375px; margin:0 auto; margin-top:40px;}
.join .fk .bg .memo{ line-height:24px; font-size:14px; color:#333}
.join .fk .bg .name{ height:40px; line-height:40px; color:#333333; padding-top:20px; font-size:20px;}
.join .fk .bg .txt{ padding-top:20px;}
.join .fk .bg .txt ul li{ overflow:hidden; height:auto; margin-bottom:25px;}
.join .fk .bg .txt ul li .inp{ background:none; width:375px; border:none; border-bottom:1px solid #f3f3f3; height:29px; line-height:29px; color:#333333}
.join .fk .bg .txt ul li .btn{ width:128px; height:38px; background:#131110; border:none; text-align:center; line-height:32px; color:#fff; cursor:pointer;}
.join .contact{ width:38%; margin-left:5%; margin-top:88px;}
.join .contact .name{ height:30px; line-height:30px; color:#fff; font-size:20px;}
.join .contact .xian{width:22px; height:2px; background:#fff; margin-top:10px;}
.join .contact .nr{padding-top:28px; color:#fff}
.join .contact .more{padding-top:38px; overflow:hidden; display:block}

/****************************** case *************************************/
.casen{ width:100%; height:auto; background:#fff; margin-top:40px;}
.casen .case-top{padding:40px;}
.casen .case-top .box-nr{ width:100%; height:auto}
.casen .case-top .box-nr .name{height:30px; line-height:30px; color:#333; font-size:20px;}
.casen .case-top .box-nr .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.casen .case-top .box-nr .nr{ height:24px; line-height:24px; color:#333; padding-top:10px;}
.casen .case-top .list{ padding-top:10px;}
.casen .case-top .list a{ display:block; float:left; height:36px; padding-left:15px; padding-right:15px; overflow:hidden; background:#eeeeee; line-height:38px; margin-right:3px; margin-bottom:3px; color:#333333}
.casen .case-top .list a:hover{ background:#333333; color:#fff;}
.casen .case-top .list a.dz{ background:#333333; color:#fff;}
.casen .txt{ width:100%; height:auto; margin-top:40px;}
.casen .txt ul li{ float:left; width:25%; overflow:hidden; position:relative}
.casen .txt ul li img{ display:block; width:100%;}
.casen .txt ul li .box{ position:absolute; z-index:999; background:url(../images/png.png); left:0; width:100%; height:100%; left:0; bottom:-100%;  }
.casen .txt ul li .box .box1{display:table; width:100%; height:100%;}
.casen .txt ul li .box .box2{ width:100%; height:100%;  vertical-align:middle; text-align:center;  display:table-cell}
.casen .txt ul li .box span{ width:90%; margin:0 auto; color:#fff; line-height:24px; display:block; text-align:center;}
.casen .txt ul li .box i{ padding-top:5px; display:block}
.casen .txt ul li .box i img{ width:auto; display:inline}
.casen .txt ul li.li1{ width:50%;}

/****************************** about *************************************/
.aboutn{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
.aboutn .left{ width:50%; float:left;}
.aboutn .left .txt{ padding:70px 40px}
.aboutn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.aboutn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.aboutn .left .txt .nr{line-height:24px; color:#666666; padding-top:30px; font-size:14px;}
.aboutn .tu{ width:50%; float:right}
.aboutn .tu img{ width:100%; display:block;}

.gslln{ width:100%; height:auto; margin-top:40px; position:relative}
.gslln .tu{ width:100%;}
.gslln .tu img{ width:100%;}
.gslln .box{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:99}
.gslln .box .txt{ padding:80px 30px; color:#fff}
.gslln .box .txt .name{height:30px; line-height:30px; font-size:20px; color:#fff}
.gslln .box .txt .xian{width:22px; height:2px; background:#fff; margin-top:5px;}
.gslln .box .txt .cn{ padding-top:30px;  line-height:34px; font-size:30px; color:#fff}
.gslln .box .txt .em{ color:#fff; line-height:20px; font-size:14px;}

.about-new{ width:100%; height:auto; background:#fff; margin-top:40px;}
.about-new .title{ width:95%; margin:0 auto; margin-top:50px;}
.about-new .title .more{ float:right; width:37px; height:37px;}
.about-new .title .bt{ margin-right:50px; width:auto}
.about-new .title .bt .name{ height:30px; line-height:30px; font-size:20px; color:#333;}
.about-new .title .bt .xian{ width:22px; height:2px; background:#333; margin-top:10px;}
.about-new .txt{ margin-top:40px; margin-bottom:40px; width:100%}
.about-new .txt dl{ float:left; width:30%; overflow:hidden; margin-left:2.5%;}
.about-new .txt dl dt{ width:100%; height:auto; position:relative; overflow:hidden}
.about-new .txt dl dt img{ width:100%; display:block}
.about-new .txt dl dt .time{ width:90px; height:90px; position:absolute; z-index:999; background:#31302e; left:0; top:0}
.about-new .txt dl dt .time span{ display:block; width:90%; margin:0 auto; border-bottom:1px solid #6f6f6d; height:40px; padding-top:5px; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.about-new .txt dl dt .time em{ display:block; width:90%; margin:0 auto; height:40px; padding-top:5px; line-height:40px; text-align:center; color:#ffffff; font-size:20px;}
.about-new .txt dl dd{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.about-new .txt dl dd .name{ height:30px; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333}
.about-new .txt dl dd .memo{ height:60px; line-height:20px; color:#666; padding-top:8px;}


/****************************** contact *************************************/
  /*.contactn{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
  .contactn .bg{ width:96%; margin:40px auto;}
  .contactn .bg .fk{ float:left; width:30%;}
  .contactn .bg .fk .name{ height:46px; line-height:46px; color:#333333; font-size:30px; text-transform:uppercase}
  .contactn .bg .fk .memo{ width:100%; padding-top:8px; color:#666; font-size:14px;}
  .contactn .bg .fk .txt{ padding-top:50px;}
  .contactn .bg .fk .txt ul li{ overflow:hidden; height:auto; margin-bottom:25px;}
  .contactn .bg .fk .txt ul li .inp{ background:none; width:48%; border:none; border-bottom:1px solid #f3f3f3; height:29px; line-height:29px; color:#333333; float:left;}
  .contactn .bg .fk .txt ul li .inp2{ float:right}
  .contactn .bg .fk .txt ul li .inp3{ width:100%}
  .contactn .bg .fk .txt ul li .btn{ width:128px; height:38px; background:#131110; border:none; text-align:center; line-height:32px; color:#fff; cursor:pointer;}
  .contactn .bg .right{ float:right; width:65%;}
*/

.contactn{ width:100%; height:auto; background:#fff; margin-bottom:40px; position:relative}
.contactn .bg{ width:100%; margin:0 auto;}
.contactn .bg .title{ width:60%; margin:0 auto; max-width:415px; margin-top:40px;}
.contactn .bg .title img{ width:100%;}
.contactn .bg .txt{ width:100%; margin-top:40px; min-height:300px;}


/****************************** news *************************************/
.newsn{width:100%; height:auto;  margin-top:40px; position:relative}
.newsn ul li{ width:100%; height:240px; overflow:hidden; background:#fff; margin-bottom:20px;}
.newsn ul li dl{ width:96%; height:188px; margin:26px auto;}
.newsn ul li dl dt{ width:292px; height:188px; float:left; overflow:hidden}
.newsn ul li dl dt img{ display:block; width:100%;}
.newsn ul li dl dd{ margin-left:330px; height:188px; overflow:hidden}
.newsn ul li dl dd .name{ height:38px; margin-top:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333333; font-size:20px;}
.newsn ul li dl dd .memo{ width:100%; height:96px; line-height:24px; color:#666; padding-top:10px;}
.newsn ul li dl dd .time{ line-height:20px; color:#999; padding-top:5px;}
.newsn ul li:hover{ background:#000;}
.newsn ul li:hover dl dd .name{ color:#fff;}
.newsn ul li:hover dl dd .memo{ color:#fff;}
.newsn ul li:hover dl dd .time{ color:#fff;}

/****************************** Service *************************************/
.wzjsn{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
.wzjsn .left{ width:36%; float:left;}
.wzjsn .left .txt{ padding:70px 40px}
.wzjsn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.wzjsn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.wzjsn .left .txt .nr{line-height:24px; color:#666666; padding-top:30px; font-size:14px;}
.wzjsn .left .txt .more{padding-top:38px; overflow:hidden; display:block}
.wzjsn .tu{ width:64%; float:right}
.wzjsn .tu img{ width:100%; display:block;}

.wx-sc{ width:100%; height:auto; margin-top:40px; position:relative}
.wx-sc ul li{ float:left; width:49%; overflow:hidden; position:relative}
.wx-sc ul li img{ display:block; width:100%;}
.wx-sc ul li .box{ position:absolute; z-index:999; background:url(../images/png.png); left:0; width:100%; height:100%; left:0; bottom:-100%;  }
.wx-sc ul li .box .box1{display:table; width:100%; height:100%;}
.wx-sc ul li .box .box2{ width:100%; height:100%;  vertical-align:middle; text-align:center;  display:table-cell}
.wx-sc ul li .box span{ width:90%; margin:0 auto; color:#fff; line-height:24px; display:block; text-align:center;}
.wx-sc ul li .box strong{ width:90%; margin:0 auto; color:#fff; line-height:30px; font-size:16px; display:block; text-align:center;}
.wx-sc ul li .box i{ padding-top:5px; display:block}
.wx-sc ul li .box i img{ width:auto; display:inline}
.wx-sc ul li.li1{ float:right}

.appn{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
.appn .left{ width:36%; float:right;}
.appn .left .txt{ padding:70px 40px}
.appn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.appn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.appn .left .txt .nr{line-height:24px; color:#666666; padding-top:30px; font-size:14px;}
.appn .left .txt .more{padding-top:38px; overflow:hidden; display:block}
.appn .tu{ width:64%; float:left}
.appn .tu img{ width:100%; display:block;}


/****************************** xtkf *************************************/
.xtkfn{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
.xtkfn .left{ width:50%; float:left;}
.xtkfn .left .txt{ padding:70px 40px}
.xtkfn .left .txt .name{ height:30px; line-height:30px; font-size:20px; color:#333}
.xtkfn .left .txt .xian{width:22px; height:2px; background:#333; margin-top:5px;}
.xtkfn .left .txt .nr{line-height:24px; color:#666666; padding-top:30px; font-size:14px;}
.xtkfn .tu{ width:50%; float:right}
.xtkfn .tu img{ width:100%; display:block;}

.xtkfn-txt{ width:100%; height:auto;  margin-top:40px;  background:#fff }
.xtkfn-txt ul li{ width:33.33%; height:auto; float:left; overflow:hidden;  background:#fff }
.xtkfn-txt ul li .bg{ padding:30px; color:#666}
.xtkfn-txt ul li .title{ height:56px; text-transform:uppercase}
.xtkfn-txt ul li .title i{ display:block; width:56px; height:56px; position:relative; overflow:hidden; float:left}
.xtkfn-txt ul li .title i span{ display:block; width:100%; height:100%; overflow:hidden}
.xtkfn-txt ul li .title i em{ display:none; width:100%; height:100%; overflow:hidden}
.xtkfn-txt ul li .title i img{ width:100%;}
.xtkfn-txt ul li .title .name{ margin-left:66px; height:56px; line-height:56px; font-size:20px;}
.xtkfn-txt ul li .nr{ padding-top:20px; height:135px;}
.xtkfn-txt ul li .more{ margin-top:20px; width:37px; height:37px; background:url(../images/more-ico.png) no-repeat}
.xtkfn-txt ul li:hover{ background:#333}
.xtkfn-txt ul li:hover .bg{ color:#fff;}
.xtkfn-txt ul li:hover .title i span{ display:none}
.xtkfn-txt ul li:hover .title i em{ display:block}
.xtkfn-txt ul li:hover  .more{ background:url(../images/more-ico-b.png) no-repeat}
.xtkfn-txt ul li.li1{ width:66.67%; }


/****************************** dym *************************************/
.dym{ width:100%; height:auto; background:#fff; margin-top:40px; position:relative}
.dym .title{ padding-top:20px; text-align:center; padding-left:20px; padding-right:20px; font-size:18px; line-height:30px;}
.dym .txt{ padding:20px; min-height:280px;}
.dym .txt img{ width:100%; display:block}

.wzjsn2{ width:94%; max-width:1500px; margin:30px auto; }
.wzjsn2 .banner-tu{ width:100%;}
.wzjsn2 .banner-tu img{ width:100%;}
.wzjsn2 .wzjsn-wzside1{ width:100%; height:auto; border-bottom:1px solid #dddddd}
.wzjsn2 .wzjsn-wzside1 .txt{ width:94%; margin:45px auto;}
.wzjsn2 .wzjsn-wzside1 .txt ul li{ width:25%; height:auto; float:left; overflow:hidden; cursor:pointer}
.wzjsn2 .wzjsn-wzside1 .txt ul li .tu{ width:60%; margin:0 auto; max-width:180px;}
.wzjsn2 .wzjsn-wzside1 .txt ul li .tu img{ display:block; width:100%;}
.wzjsn2 .wzjsn-wzside1 .txt ul li .tu img.tu1{ display:block}
.wzjsn2 .wzjsn-wzside1 .txt ul li .tu img.tu2{ display:none}
.wzjsn2 .wzjsn-wzside1 .txt ul li .name{ width:100%; height:32px; text-align:center; line-height:32px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wzjsn2 .wzjsn-wzside1 .txt ul li:hover .tu{ animation:spinAround 2s linear infinite}
.wzjsn2 .wzjsn-wzside1 .txt ul li:hover .tu .tu1{ display:none}
.wzjsn2 .wzjsn-wzside1 .txt ul li:hover .tu .tu2{ display:block}

.wzjsn2 .wzjsn-box{ width:100%; border-bottom:1px solid #ddd; }
.wzjsn2 .wzjsn-box .bg{ width:90%; margin:70px auto;}
.wzjsn2 .wzjsn-box .bg .name{ text-align:center; height:60px; line-height:60px; font-size:36px; color:#000}
.wzjsn2 .wzjsn-box .bg .memo{ text-align:center; line-height:22px; font-size:14px;}
.wzjsn2 .wzjsn-box .bg .txt{ width:90%; margin:0 auto; margin-top:40px;}
.wzjsn2 .wzjsn-box .bg .txt ul li{ width:31.3%; height:40px; float:left; overflow:hidden; text-align:center; text-align:center; font-size:14px;  border-radius:30px; background:#f1f1f1; margin-left:auto; margin-right:auto; margin-bottom:20px; line-height:40px;}
.wzjsn2 .wzjsn-box .bg .txt ul li:hover{ background:#223d73; color:#fff}

.wzjsn2 .jzlc{ width:100%;  height:auto}
.wzjsn2 .jzlc .bg{width:90%; margin:50px auto;}
.wzjsn2 .jzlc .bg .name{text-align:center; height:60px; line-height:60px; font-size:36px; color:#000}
.wzjsn2 .jzlc .bg .txt{ width:90%; margin:0 auto; margin-top:40px;}
.wzjsn2 .jzlc .bg .txt img{ width:100%;}


.dzapp{ width:94%; max-width:1500px; margin:30px auto; background:#fff}
.dzapp .banner-tu{ width:100%;}
.dzapp .banner-tu img{ width:100%;}
.dzapp .dzapp-side1{ width:100%; height:auto; }
.dzapp .dzapp-side1 .txt{ width:94%; margin:45px auto;}
.dzapp .dzapp-side1 .txt ul li{ width:25%; height:auto; float:left; overflow:hidden; cursor:pointer;}
.dzapp .dzapp-side1 .txt ul li .tu{ width:60%; margin:0 auto; max-width:180px; position:relative}
.dzapp .dzapp-side1 .txt ul li .tu img{ display:block; width:100%; position:relative; z-index:99}
.dzapp .dzapp-side1 .txt ul li .tu img.img{ width:60%; height:60%; position:absolute; z-index:999; display:block; left:20%; top:20%;}
.dzapp .dzapp-side1 .txt ul li .tu img.di{ width:100%; display:block}
.dzapp .dzapp-side1 .txt ul li .tu img.tu1{ display:block}
.dzapp .dzapp-side1 .txt ul li .tu img.tu2{ display:none}

.dzapp .dzapp-side1 .txt ul li .name{ width:92%; margin:0 auto; height:32px; text-align:center; font-size:16px; font-weight:bold; line-height:32px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dzapp .dzapp-side1 .txt ul li .memo{ width:92%; margin:0 auto; text-align:center; line-height:24px; padding-top:12px;}
.dzapp .dzapp-side1 .txt ul li:hover .tu{ }
.dzapp .dzapp-side1 .txt ul li:hover .tu .tu1{ display:none}
.dzapp .dzapp-side1 .txt ul li:hover .tu .tu2{ display:block;animation:spinAround 15s linear infinite}

.dzapp .need{ width:100%; height:auto; margin-top:50px;}
.dzapp .need .name{ text-align:center; font-size:24px; line-height:50px; color:#000}
.dzapp .need .txt{width:94%; margin:0 auto; margin-top:40px;}
.dzapp .need .txt ul li{ float:left; width:25%; position:relative; height:245px; overflow:hidden}
.dzapp .need .txt ul li .box{ width:80%; margin:0 auto; position:absolute; z-index:999; bottom:-45px;}
.dzapp .need .txt ul li .box .bt{ width:100%; height:30px; text-align:center; line-height:30px;}
.dzapp .need .txt ul li .box .tu{ width:100%; margin:0 auto; max-width:169px; margin-top:50px;}
.dzapp .need .txt ul li .box .tu img{ width:100%; opacity:0.5}
.dzapp .need .txt ul li:hover .box{ bottom:0;}
.dzapp .need .txt ul li:hover .bt{ color:#746ea6; font-size:16px;}
.dzapp .need .txt ul li:hover .tu img{ opacity:1}

.dzapp .tgfw{width:100%; height:auto; margin-top:50px;}
.dzapp .tgfw .name{ text-align:center; font-size:24px; line-height:50px; color:#000}
.dzapp .tgfw .txt{ width:86%; margin:40px auto; }
.dzapp .tgfw .txt img{ width:100%;}


.wxyy2{ width:94%; max-width:1500px; margin:30px auto; background:#fff}
.wxyy2 .banner-tu{ width:100%;}
.wxyy2 .banner-tu img{ width:100%;}
.wxyy2 .wxyy-side1{ width:100%; height:auto; border-bottom:2px solid #f4f4f4 }
.wxyy2 .wxyy-side1 .txt{ width:80%; margin:45px auto;}
.wxyy2 .wxyy-side1 .txt ul li{ width:25%; height:auto; float:left; overflow:hidden; cursor:pointer;}
.wxyy2 .wxyy-side1 .txt ul li .tu{ width:192px; height:192px; border-radius:50%; overflow:hidden; margin:0 auto; background:url(../images/work/wxyy-q.png) no-repeat; position:relative;transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.wxyy2 .wxyy-side1 .txt ul li:hover .tu{background:url(../images/work/wxyy-q2.png) no-repeat;}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd{ width:100%; height:200%; position:absolute; left:0; bottom:0; z-index:999; overflow:hidden}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd span{ width:100%; height:50%; display:block; overflow:hidden}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd span img{ width:110px; height:110px; margin:0 auto; margin-top:41px; display:block}
.wxyy2 .wxyy-side1 .txt ul li .name{ width:92%; margin:0 auto; height:32px; text-align:center; line-height:32px; padding-top:5px; color:#000000; font-size:16px;}

.wxyy2 .wxyy-side2{ width:100%; padding-top:40px; }
.wxyy2 .wxyy-side2 .txt{ width:80%; margin:0 auto; overflow:visible}
.wxyy2 .wxyy-side2 .txt ul{ padding-top:15px; padding-bottom:15px; overflow:hidden}
.wxyy2 .wxyy-side2 .txt ul li{ width:25%; height:auto; float:left; margin-bottom:20px;}
.wxyy2 .wxyy-side2 .txt ul li .box{ width:80%; max-width:205px; border:1px solid #a0a0a0; margin:0 auto; position:relative;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.wxyy2 .wxyy-side2 .txt ul li .box .tu{ width:60%; max-width:70px; margin:0 auto; margin-top:30px;}
.wxyy2 .wxyy-side2 .txt ul li .box .tu img{ width:100%; display:block}
.wxyy2 .wxyy-side2 .txt ul li .box .name{ width:94%; margin:0 auto; height:48px; text-align:center; line-height:30px; padding-top:18px; color:#2ba245; font-size:16px; font-weight:bold}
.wxyy2 .wxyy-side2 .txt ul li .box .memo{ width:94%; margin:0 auto; text-align:center; line-height:25px; font-size:12px; padding-top:5px; padding-bottom:15px; height:60px; overflow:hidden ; color:#000}
.wxyy2 .wxyy-side2 .txt ul li:hover .box{box-shadow:0 0 15px #000;  -moz-box-shadow:0 0 15px #000; -ms-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; top:-3px;}


@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}


@-webkit-keyframes yinying {
	from {
		-webkit-box-shadow:0 0 0 #000;
		
	}
	to {
		-webkit-box-shadow:0 0 15px #000;
	}
}
@-moz-keyframes yinying {
	from {
		-moz-box-shadow:0 0 0px #000;
	}
	to {
		-moz-box-shadow:0 0 15px #000;
	}
}
@keyframes yinying {
	from {
		box-shadow:0 0 0px #000;
	}
	to {
		box-shadow:0 0 15px #000;
	}
}

@media(max-width:767px){
	.wzjsn2 .wzjsn-box .bg .txt ul li{
		width: 90% !important;
	}
	.crm table{
		width: calc(100% - 120px) !important;
	}
	.finance table tbody td,
	.finance table tbody tr{
		display: block;
	}
	.finance img{
		display: block;
		height: auto;
		width: 100%;
	}
}
@media(max-width:480px){
	.crm table{
		width: 100% !important;
	}
	
}

.wzjsn2>*,
.wxyy2>*,
.wxyy2{
	background: transparent !important;
}
.wxyy2 .wxyy-side1 .txt ul li .tu .gd{
	transition: .5s bottom;
}
.wxyy2 .wxyy-side1 .txt ul li:hover .tu .gd{
	bottom: -100%;
}
.erp img,
.keyword img,
.cms img,
.oa img{
	display: block;
	height: auto;
}
.keyword img{
	width: 130%;
	margin: 0px -15%;
}
.erp img,
.oa img{
	width: 160%;
	margin: 0px -30%;
}
.cms img{
	width: 140%;
	margin: 0px -20%;
}

.finance table{
	width: 100% !important;
}

